<template>
	<div class="item-container p-all d-space-row" @click="$emit('click')">
			<div class="date col-main d-center-column">
				<span class="f-44">25</span>
				<span class="f-24">2021/10</span>
			</div>
			<div class="line"></div>
			<div class="content d-space-column">
				<span class="f-26 f-w">关于建议下午两点后再操作的通知</span>
				<span class="f-20 col-g ellipsis-1">各位用户，CFB质押矿池上线，需要同步的数据量较…</span>
			</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {

		}

	}
</script>

<style lang="scss" scoped>
	.item-container {
		width: 700px;
		height: 173px;
		background: #FFFFFF;
		box-shadow: 0px 0px 6px 0px rgba(38, 38, 38, 0.19);
		border-radius: 20px;
		margin-bottom: 30px;
		&>div{
			height:80%;
		}
		.line{
			width: 1px;
			height: 71px;
			background: #C4E4EB;
			margin: 0 30px;
		}
		
		.content{
			flex: 1;
			align-items: flex-start;
			
		}
	}
</style>
